<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"

                xmlns:r="http://richfaces.org">
    <ui:define name="title">
        Digitalización de historias clínicas
    </ui:define>    
    <ui:define name="datos">
        <center>
            <h:panelGrid columnClasses="alignTop,alignTop" columns="2" id="panelDatos">
                <h:form id="formDatos">
                    <p:focus id="foco" />
                    <p:panel header="Datos" >

                        <h:panelGrid id="busqueda"  columns="9"   >
                            <f:verbatim/>
                            <h:outputLabel  value="Buscar:" />
                            <p:selectOneMenu  label="Buscar:" id="tipo" value="#{jsfDigitalizacion.tipoBusqueda}"   >                              
                                <f:selectItem itemLabel="Cédula" itemValue="2"/>
                                <f:selectItem itemLabel="Número carpeta" itemValue="1"/>
                                <f:selectItem itemLabel="Pasaporte" itemValue="3"/>
                            </p:selectOneMenu>
                            <p:inputText placeholder="Valor busqueda" value="#{jsfDigitalizacion.parametroBusqueda}" size="12" maxlength="15" id="valorBusqueda" />
                            <r:commandLink action="#{jsfDigitalizacion.buscarHc}" execute="tipo valorBusqueda"  render="paciente growl" title="Buscar historia clínica">
                                <h:graphicImage url="#{resource['images:buscar.jpg']}" height="30px" width="30px"  styleClass="pic" />

                            </r:commandLink>
                            <p:spacer width="10" height="10" />
                            <h:outputLabel  value="Fecha consulta:" />
                            <p:calendar required="true" navigator="true" label="Fecha de consulta" 
                                        placeholder="Fecha consulta" value="#{jsfDigitalizacion.object.ccoFecha}"  id="fecha">
                            </p:calendar> 
                        </h:panelGrid>

                        <h:panelGrid  columns="12" id="paciente" >
                            <f:verbatim/>
                            <h:outputLabel  value="Apellido P:" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.chcApellidoPaterno}" />
                            <f:verbatim/>

                            <f:verbatim/>
                            <h:outputLabel  value="Primer nombre" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.chcPrimerNombre}" />
                            <f:verbatim/>


                            <f:verbatim/>
                            <h:outputLabel  value="Fecha/Nac" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.chcFechaNacimiento}" >
                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                            </h:outputText>
                            <f:verbatim/>

                            <f:verbatim/>
                            <h:outputLabel  value="Edad" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.chcEdad}" />
                            <f:verbatim/>


                            <f:verbatim/>
                            <h:outputLabel  value="Sexo" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.chcGenero eq 1 ? 'HOMBRE':'MUJER'}" />
                            <f:verbatim/>

                            <f:verbatim/>
                            <h:outputLabel  value="Parroquia" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.admDivisionPolitica.nombre}" />
                            <f:verbatim/>









                            <f:verbatim/>
                            <h:outputLabel  value="Apellido M:" />
                            <h:outputText styleClass="letraTomate" value="#{jsfDigitalizacion.hcHistoria.chcApellidoMaterno}" />
                            <f:verbatim/>

                            <f:verbatim/>
                            <h:outputLabel  value="Segundo Nombre" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.chcSegundoNombre}" />
                            <f:verbatim/>



                            <f:verbatim/>
                            <h:outputLabel  value="Barrio" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.chcBarrio}" />
                            <f:verbatim/>


                            <f:verbatim/>
                            <h:outputLabel  value="Nacionalidad" />
                            <h:outputText styleClass="letraTomate"  value="#{jsfDigitalizacion.hcHistoria.cexNacionalidad.cnaNombre}" />
                            <f:verbatim/>




                        </h:panelGrid>



                    </p:panel>


                    <p:growl id="growl"  showDetail="true" life="6500" />  
                    <center>
                        <h:panelGrid columns="2" >
                            <h:panelGroup id="panelBotones">
                                <p:commandButton id="btGrabar" process="@form"  update=":panelDatos" 
                                                 value="Grabar" action="#{jsfDigitalizacion.grabarAction}"  
                                                 title="Grabar registro">
                                </p:commandButton>
                                <p:commandButton id="btNuevo" process="@none" update="formDatos" 
                                                 value="Nuevo" action="#{jsfDigitalizacion.nuevoAction()}"  
                                                 title="Limpiar o crear nuevo registro">
                                </p:commandButton>

                            </h:panelGroup>
                            <p:ajaxStatus id="commonStatus">
                                <f:facet name="start">
                                    <h:graphicImage library="images/ajax" name="status2.gif"/>
                                </f:facet>
                            </p:ajaxStatus>
                        </h:panelGrid>

                        <p:message for="formDatos">
                            <f:facet name="errorMarker">
                                <h:graphicImage library="images/ajax" name="warning.gif"/>
                            </f:facet>
                            <f:facet name="infoMarker">
                                <h:graphicImage library="images/ajax" name="passed.gif"/>
                            </f:facet>
                        </p:message>
                    </center>
                </h:form>

                <h:form enctype="multipart/form-data" id="formArchivo" >
                    <p:panel header="Subir Pdf" >
                        <h:panelGrid columns="3" >
                            <h:outputLabel  value="Anexo:" />
                            <p:fileUpload fileLimit="1"  
                                          fileLimitMessage="No se puede agregar mas archivos"  
                                          update="pnlArchivos"  id="anexo"  fileUploadListener="#{jsfDigitalizacion.listener}" 
                                          mode="advanced"  />
                            <p:message for="anexo" />
                        </h:panelGrid>
                        <h:panelGrid columns="2" id="pnlArchivos">
                            <h:outputText value="Nombre:"/>
                            <h:outputText styleClass="letraTomate" value="#{jsfDigitalizacion.nombreArchivo}"/>
                        </h:panelGrid>
                    </p:panel>
                </h:form>




                <h:panelGroup >
                    <h:graphicImage library="images/ajax" name="bullet.gif" />
                    <h:outputText styleClass="campo-obligatorio" value="Campo obligatorio"/>
                </h:panelGroup>

            </h:panelGrid>
        </center>
    </ui:define>

</ui:composition>
